﻿<link href="/Style%20Library/faq.css" rel="stylesheet" media="screen, projection" type="text/css" />
    <script type="text/javascript" src="/SiteCollectionDocuments/jquery.min.js"></script>

    <script type="text/javascript" src="/SiteCollectionDocuments/jquery.SPServices-0.5.4.min.js"></script>

    <script type="text/javascript" src="/SiteCollectionDocuments/SPSearch_load.js"></script>

<script type="text/javascript">


        $(document).ready(function() {
   



            //select the url of the site

            KbWorks.lists.weburl = "http://devKbWorks";
            //select the divname
            KbWorks.lists.divname = "FAQFeature";
            //select the element to fill
            KbWorks.lists.elementtofill = "werkgebied";
            //create array of columns
            KbWorks.lists.viewfields = new Array;

            KbWorks.lists.viewfields[0] = ["SectionOrder", "SectionOrder"];
            KbWorks.lists.viewfields[1] = ["Section", "Section"];
            KbWorks.lists.viewfields[2] = ["QuestionOrder", "QuestionOrder"];
            KbWorks.lists.viewfields[3] = ["Title", "Question"];
            KbWorks.lists.viewfields[4] = ["Answer", "Answer"];
            KbWorks.lists.viewfields[5] = ["TopOrder", "TopOrder"];
            KbWorks.lists.viewfields[6] = ["ID", "ID"];


            //no filters need to be selected in this query
            KbWorks.lists.WithoutFilters = true;
            KbWorks.lists.filters = "";
            //searchitems with the listname FAQ
            KbWorks.lists.searchitems("FAQ");
            //need to add script later because it contains the toggles which can not be loaded first
           
            KbWorks.UI.initSections('.feature'); 
            KbWorks.UI.initFAQ('.faqlist');

        });
       

        
    </script>

    <div id="FAQFeature">
    </div>
    <div id="TopFAQ">
    </div>